@charset UTF-8;
@media (max-width: 768px) {
  body {
    min-width: 100%; }
  .user.page, .user {
    padding: 0 20px;
    width: 100%;
    font-size: 12px;
    background-color: #fff;
    opacity: 1;
    height: 46px; }
    .user.page a, .user a {
      color: #333;
      font-size: 12px; }
      .user.page a:hover, .user.page a:active, .user a:hover, .user a:active {
        color: #333 !important; }
      .user.page a.accessibility, .user a.accessibility {
        color: #005293; }
    .user.page .user-time, .user .user-time {
      display: none; }
    .user.page .user-menu, .user .user-menu {
      display: block;
      font-size: 14px;
      color: #005293;
      font-weight: 500; }
      .user.page .user-menu img, .user .user-menu img {
        width: 16px;
        height: auto;
        margin-right: 10px;
        vertical-align: text-bottom; }
  .top {
    padding-top: 31px;
    min-width: 100%;
    height: 180px; }
    .top .top-logo,
    .top .top-title-img,
    .top .top-website,
    .top .top-hot {
      display: none; }
    .top .top-logo-all {
      display: block;
      width: 284px;
      height: auto;
      margin: 0 auto;
      margin-bottom: 28px; }
    .top .top-input {
      width: 83.2%; }
      .top .top-input input {
        height: 48px;
        line-height: 48px;
        font-size: 14px;
        padding-left: 16px;
        padding-right: 102px; }
      .top .top-input .btn-group .dropdown-toggle {
        width: 32px; }
        .top .top-input .btn-group .dropdown-toggle img {
          width: 20px;
          vertical-align: sub; }
      .top .top-input .dropdown .btn,
      .top .top-input .btn-group .btn:first-child {
        width: 76px;
        height: 48px;
        font-size: 14px; }
        .top .top-input .dropdown .btn::after,
        .top .top-input .btn-group .btn:first-child::after {
          width: 20px;
          height: 20px; }
  .my-nav {
    display: none; }
  .home-top {
    height: 112px;
    background-image: none;
    background-color: #005293;
    padding-top: 16px;
    min-width: 100%;
    padding-right: 12px;
    padding-left: 12px; }
    .home-top .home-top-title {
      font-size: 18px;
      width: 100%; }
    .home-top .home-top-subtitle {
      display: none; }
    .home-top .home-top-more {
      width: 100%;
      font-size: 14px; }
  .home-list-pc {
    display: none; }
  .home-list-mobile {
    display: block; }
  .home-list {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 12px; }
    .home-list .home-list-left {
      float: none;
      width: 100%;
      height: 312px; }
      .home-list .home-list-left .el-tabs {
        padding: 12px; }
      .home-list .home-list-left .nav-tabs,
      .home-list .home-list-left .tab-pane {
        margin-left: 12px;
        margin-right: 12px; }
      .home-list .home-list-left .home-list-nav {
        display: none !important; }
      .home-list .home-list-left .home-list-info > div,
      .home-list .home-list-left .home-list-info > a {
        padding-right: 0;
        margin-bottom: 16px;
        font-size: 14px; }
    .home-list .home-list-right {
      float: none;
      width: 100%;
      height: 275px;
      padding: 0;
      background-color: #f7f7f7;
      font-size: 14px;
      margin-bottom: 10px; }
      .home-list .home-list-right img {
        width: 100%;
        height: 206px !important; }
      .home-list .home-list-right .home-list-title {
        display: block;
        color: #333; }
  .home-list-info > div,
  .home-list-info > a {
    padding-right: 0;
    margin-bottom: 16px;
    font-size: 14px; }
  .main {
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    padding-bottom: 12px; }
  .main .el-tabs__item {
    font-size: 16px; }
  .home-important {
    margin: 12px 0; }
    .home-important > div:first-child {
      display: none; }
    .home-important > div:last-child {
      display: block; }
  .home-title-bg {
    background-image: url(img_title_bg@2x.png);
    background-repeat: no-repeat;
    background-size: 100% auto; }
  .home-title {
    font-size: 20px;
    line-height: 28px;
    padding: 12px 12px 12px 12px;
    margin-bottom: 0; }
    .home-title img {
      width: 30px;
      margin-right: 6px; }
    .home-title .home-title-box::after,
    .home-title .home-title-box::before,
    .home-title .home-title-line {
      display: none; }
    .home-title .home-title-box {
      background-color: transparent; }
  .home-open {
    margin-bottom: 24px; }
    .home-open .home-open-left {
      width: 100%;
      float: none; }
      .home-open .home-open-left .home-open-top {
        margin-top: 6px;
        background-image: none;
        padding: 0 12px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 8px; }
        .home-open .home-open-left .home-open-top span {
          display: none; }
        .home-open .home-open-left .home-open-top input {
          background: #ffffff;
          border: 1px solid rgba(0, 82, 147, 0.5);
          border-radius: 26px;
          position: static;
          width: 100%;
          height: 40px;
          padding-left: 16px;
          font-size: 14px;
          padding-right: 84px; }
          .home-open .home-open-left .home-open-top input:hover, .home-open .home-open-left .home-open-top input:focus {
            background: #ffffff;
            border: 1px solid rgba(0, 82, 147, 0.5); }
        .home-open .home-open-left .home-open-top div,
        .home-open .home-open-left .home-open-top a {
          display: block;
          background: #005293;
          border: 1px solid rgba(0, 82, 147, 0.5);
          border-radius: 0px 20px 20px 0px;
          height: 40px;
          line-height: 40px;
          width: 84px;
          font-size: 14px;
          right: 12px;
          top: 0; }
          .home-open .home-open-left .home-open-top div img,
          .home-open .home-open-left .home-open-top a img {
            width: 16px;
            margin-right: 6px; }
    .home-open .home-open-right {
      width: 100%;
      float: none;
      margin-top: 16px; }
      .home-open .home-open-right .home-open-item {
        height: 110px;
        padding-top: 24px; }
        .home-open .home-open-right .home-open-item > div:first-child {
          height: 45px; }
        .home-open .home-open-right .home-open-item > div:last-child {
          font-size: 14px; }
      .home-open .home-open-right .home-open-bottom {
        height: 54px;
        font-size: 20px;
        font-weight: normal; }
        .home-open .home-open-right .home-open-bottom img {
          width: 30px;
          margin-right: 16px; }
    .home-open .el-tabs {
      padding: 0 12px; }
    .home-open .nav-tabs,
    .home-open .tab-pane {
      margin-left: 12px;
      margin-right: 12px; }
  .home-service {
    margin-bottom: 24px; }
    .home-service .el-tabs__header {
      margin-bottom: 16px; }
    .home-service .home-service-top .home-service-left {
      float: none;
      width: 100%;
      padding: 0 12px; }
      .home-service .home-service-top .home-service-left .home-service-nav {
        display: none; }
      .home-service .home-service-top .home-service-left .el-tabs {
        display: block; }
    .home-service .home-service-top .home-service-right {
      float: none;
      width: 100%;
      padding: 0 12px;
      display: flex;
      justify-content: space-between;
      height: 54px; }
      .home-service .home-service-top .home-service-right > div,
      .home-service .home-service-top .home-service-right > a {
        height: 100%;
        margin-bottom: 0;
        font-size: 14px;
        width: 31%; }
        .home-service .home-service-top .home-service-right > div img,
        .home-service .home-service-top .home-service-right > a img {
          width: 24px;
          margin-right: 4px; }
        .home-service .home-service-top .home-service-right > div:last-child > div:first-child,
        .home-service .home-service-top .home-service-right > a:last-child > div:first-child {
          font-size: 14px; }
        .home-service .home-service-top .home-service-right > div:last-child > div:last-child,
        .home-service .home-service-top .home-service-right > a:last-child > div:last-child {
          font-size: 10px; }
    .home-service .home-service-bottom {
      flex-wrap: wrap; }
      .home-service .home-service-bottom > div,
      .home-service .home-service-bottom > a {
        width: 31%;
        margin-bottom: 12px;
        height: 100px;
        padding-top: 14px;
        font-size: 14px; }
  .home-interaction {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 24px; }
    .home-interaction .home-interaction-left {
      float: none;
      width: 100%; }
    .home-interaction .home-interaction-right {
      float: none;
      width: 100%;
      margin-bottom: 20px; }
      .home-interaction .home-interaction-right .el-tabs {
        padding: 0 12px; }
      .home-interaction .home-interaction-right .nav-tabs,
      .home-interaction .home-interaction-right .tab-pane {
        margin-left: 12px;
        margin-right: 12px; }
  .main .el-tabs__header {
    margin-bottom: 16px; }
  .foot {
    min-width: 100%; }
    .foot .foot-mobile {
      display: block; }
    .foot .foot-pc {
      display: none; }
    .foot .foot-mobile.foot-top {
      display: flex; }
    .foot .foot-top-mobile {
      padding: 0 20px;
      height: 124px;
      flex-wrap: wrap;
      font-size: 14px;
      color: #f9f9f9;
      background-color: #757575;
      text-align: center;
      padding-top: 19px; }
      .foot .foot-top-mobile > div {
        margin-bottom: 14px; }
    .foot .foot-bottom {
      height: 170px;
      padding-top: 24px; }
      .foot .foot-bottom .foot-bottom-box {
        width: 100%; }
        .foot .foot-bottom .foot-bottom-box .foot-bottom-left {
          width: 83px;
          padding-left: 44px;
          padding-top: 36px; }
          .foot .foot-bottom .foot-bottom-box .foot-bottom-left img {
            width: 39px; }
        .foot .foot-bottom .foot-bottom-box .foot-bottom-mobile {
          margin-left: 123px; }
          .foot .foot-bottom .foot-bottom-box .foot-bottom-mobile > div:first-child {
            font-size: 14px;
            color: #ffffff;
            line-height: 22px; }
          .foot .foot-bottom .foot-bottom-box .foot-bottom-mobile > div:last-child {
            display: block;
            font-size: 12px;
            color: #ffffff;
            line-height: 18px;
            opacity: 1; }
            .foot .foot-bottom .foot-bottom-box .foot-bottom-mobile > div:last-child span,
            .foot .foot-bottom .foot-bottom-box .foot-bottom-mobile > div:last-child a {
              opacity: 0.6;
              color: #ffffff; }
            .foot .foot-bottom .foot-bottom-box .foot-bottom-mobile > div:last-child img {
              margin-right: 6px; }
  .nav-tabs {
    margin-bottom: 16px; }
  .nav-tabs .nav-link {
    font-size: 16px;
    margin-right: 20px; }
  .home-list-mobile.nav {
    display: flex; }
  .dropdown-item {
    font-size: 14px !important; }
  .foot .link-popover {
    top: -450px;
    height: 450px; }
    .foot .link-popover a {
      font-size: 14px; }
  .page-top {
    padding-top: 77px;
    height: 226px; }
    .page-top .page-top-box {
      width: 100%;
      flex-direction: column;
      justify-content: center; }
    .page-top .page-top-left {
      margin-bottom: 28px; }
      .page-top .page-top-left .top-logo {
        width: 54px; }
      .page-top .page-top-left .top-title-img {
        margin-left: 74px;
        width: 210px; }
      .page-top .page-top-left .top-website {
        margin-left: 74px;
        width: 210px;
        font-size: 10px; }
    .page-top .top-input {
      width: 83.2%;
      margin: 0 auto; }
      .page-top .top-input input {
        height: 48px;
        line-height: 48px;
        font-size: 14px;
        padding-left: 16px;
        padding-right: 102px; }
      .page-top .top-input .btn-group .dropdown-toggle {
        width: 32px; }
        .page-top .top-input .btn-group .dropdown-toggle img {
          width: 20px;
          vertical-align: sub; }
      .page-top .top-input .dropdown .btn,
      .page-top .top-input .btn-group .btn:first-child {
        width: 76px;
        height: 48px;
        font-size: 14px; }
        .page-top .top-input .dropdown .btn::after,
        .page-top .top-input .btn-group .btn:first-child::after {
          width: 20px;
          height: 20px; }
  .special {
    margin: 0;
    padding: 0 12px 24px 24px;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -12px; }
    .special #carouselIndicators1,
    .special #carouselIndicators2 {
      display: block; }
    .special .special-pc {
      display: none; }
    .special .row {
      margin-left: -5px;
      margin-right: -5px; }
    .special .col {
      padding-left: 5px;
      padding-right: 5px;
      width: 50%;
      min-width: 50%; }
    .special .special-card {
      width: 100%;
      height: 118px; }
      .special .special-card .special-card-top {
        height: 88px; }
      .special .special-card .special-card-bottom {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        padding: 0 10px; }
    .special .special-file .col {
      width: 100%;
      min-width: 100%; }
    .special .special-file .special-file-item {
      margin-bottom: 14px;
      font-size: 14px; }
  .main .breadcrumb {
    padding: 16px 0;
    margin-bottom: 14px; }
    .main .breadcrumb .breadcrumb-item {
      font-size: 14px; }
  .page-title {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: inherit;
    height: 44px;
    line-height: 44px;
    margin-bottom: 18px; }
  .news .news-top .news-top-right .carousel-indicators {
    right: 53px;
    margin-right: 0;
    justify-content: end;
    margin-bottom: 27px;
    right: 0;
    margin-right: 15%;
    margin-bottom: 0;
    justify-content: center;
    bottom: -25px; }
    .news .news-top .news-top-right .carousel-indicators li {
      width: 10px;
      height: 10px; }
  .news {
    margin-top: 12px;
    padding: 0 12px; }
    .news .news-top {
      margin-bottom: 50px; }
      .news .news-top .news-top-left {
        float: none;
        width: 100%; }
        .news .news-top .news-top-left img {
          height: 178px; }
      .news .news-top .news-top-right {
        float: none;
        width: 100%;
        height: auto; }
        .news .news-top .news-top-right .news-top-info {
          margin-left: 0;
          height: 64px;
          padding: 12px 12px 0 12px; }
          .news .news-top .news-top-right .news-top-info .news-top-text {
            display: none; }
          .news .news-top .news-top-right .news-top-info .news-top-title {
            margin-bottom: 0;
            font-size: 14px;
            -webkit-line-clamp: 2; }
    .news .news-list {
      margin-bottom: 30px; }
      .news .news-list .col {
        width: 100%;
        min-width: 100%;
        margin-bottom: 12px; }
    .news .news-pic {
      display: none; }
    .news #carouselPicControls {
      display: block; }
      .news #carouselPicControls img {
        height: 205px; }
      .news #carouselPicControls .news-pic-text {
        font-size: 14px;
        color: #fff; }
  .list {
    margin: 0;
    padding: 12px;
    padding-top: 0; }
    .list .list-left {
      float: none;
      width: 100%;
      margin-bottom: 24px; }
    .list .list-right {
      float: none;
      width: 100%; }
    .list .page-title {
      display: block; }
    .list .list-page-pc {
      display: none; }
    .list .list-page-m {
      display: block;
      margin-top: 40px; }
  .list .list-right .list-right-info a {
    font-size: 14px; }
  .detail {
    margin: 0;
    padding: 12px;
    padding-top: 0; }
    .detail .detail-title {
      font-size: 16px;
      padding-top: 10px;
      margin-bottom: 20px; }
    .detail .detail-info {
      justify-content: center;
      padding-bottom: 16px;
      margin-bottom: 20px; }
      .detail .detail-info > div:last-child {
        display: none; }
    .detail .detail-content {
      font-size: 14px;
      line-height: 26px;
      margin-bottom: 40px; }
    .detail .detail-qr span {
      display: none; }
  .interaction .interaction-left .carousel-indicators {
    margin-bottom: 15px; }
  .interaction {
    margin-top: 12px;
    padding: 0 12px 12px 12px; }
    .interaction .interaction-mail img:last-child {
      display: block; }
    .interaction .interaction-mail img:first-child {
      display: none; }
    .interaction .interaction-title {
      font-size: 18px;
      margin-bottom: 12px;
      padding: 14px 0; }
    .interaction .interaction-left {
      width: 100%;
      float: none;
      margin-bottom: 16px; }
      .interaction .interaction-left .carousel {
        margin-bottom: 12px; }
      .interaction .interaction-left .interaction-left-top {
        height: 126px; }
    .interaction .interaction-right {
      width: 100%;
      float: none; }
      .interaction .interaction-right .row {
        margin-bottom: 16px;
        margin-left: -5px;
        margin-right: -5px;
        overflow-x: auto;
        display: block;
        white-space: nowrap;
        word-break: break-all;
        width: 100%;
        max-width: 100%; }
      .interaction .interaction-right .col {
        padding-left: 5px;
        padding-right: 5px;
        width: 140px;
        min-width: 140px;
        display: table-cell; }
        .interaction .interaction-right .col a {
          height: 96px;
          font-size: 16px;
          padding-top: 12px;
          padding-left: 16px; }
  .leader {
    margin: 0 -12px;
    padding: 0 24px 12px 24px;
    margin-bottom: -12px; }
    .leader .leader-title {
      font-size: 18px;
      margin-bottom: 22px;
      width: 100%;
      text-align: left; }
    .leader .leader-left {
      float: none;
      width: 100%;
      background-color: #fff;
      padding: 0; }
      .leader .leader-left .leader-m-head {
        display: block;
        width: 160px;
        height: 200px;
        margin: 0 auto;
        margin-bottom: 14px; }
      .leader .leader-left .leader-left-title {
        font-size: 20px;
        text-align: left;
        padding-left: 30px;
        margin-bottom: 16px; }
        .leader .leader-left .leader-left-title:before, .leader .leader-left .leader-left-title::after {
          display: none; }
      .leader .leader-left .leader-left-stitle {
        padding-left: 0; }
      .leader .leader-left .leader-left-mail {
        display: none; }
      .leader .leader-left .leader-left-mail.leader-left-mail-m {
        display: block;
        width: 140px;
        height: 40px;
        line-height: 40px;
        color: #333;
        font-size: 14px;
        margin: 0 auto; }
        .leader .leader-left .leader-left-mail.leader-left-mail-m img {
          width: 20px;
          margin-right: 6px;
          height: auto;
          vertical-align: middle; }
    .leader .leader-right {
      float: none;
      width: 100%;
      display: none;
      padding-top: 12px; }
      .leader .leader-right.active {
        display: block !important; }
      .leader .leader-right .leader-right-qr span {
        display: none; }
  .affairs {
    padding-top: 24px;
    margin-bottom: 12px; }
    .affairs .affairs-left {
      float: none;
      width: 100%; }
      .affairs .affairs-left #carouselControls {
        margin-bottom: 16px; }
      .affairs .affairs-left .affairs-left-top {
        border: none;
        padding: 0;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 12px; }
        .affairs .affairs-left .affairs-left-top .gazette {
          display: none; }
        .affairs .affairs-left .affairs-left-top .gazette-m {
          display: block; }
        .affairs .affairs-left .affairs-left-top .affairs-left-item {
          width: 48.43%;
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          margin-bottom: 10px; }
        .affairs .affairs-left .affairs-left-top img {
          margin-top: 0; }
    .affairs .affairs-right {
      float: none;
      width: 100%; }
      .affairs .affairs-right .affairs-info {
        padding: 18px 44px 0 44px;
        height: 265px;
        margin-bottom: 20px; }
        .affairs .affairs-right .affairs-info .affairs-info-title {
          text-align: center;
          justify-content: center;
          font-size: 16px;
          line-height: 22px;
          margin-bottom: 12px; }
          .affairs .affairs-right .affairs-info .affairs-info-title img {
            display: none; }
          .affairs .affairs-right .affairs-info .affairs-info-title:before {
            content: '——';
            margin-right: 8px;
            opacity: 0.3; }
          .affairs .affairs-right .affairs-info .affairs-info-title:after {
            content: '——';
            margin-left: 8px;
            opacity: 0.3; }
        .affairs .affairs-right .affairs-info .col {
          flex-basis: auto;
          width: 100%; }
        .affairs .affairs-right .affairs-info .affairs-info-card {
          height: 55px;
          background-image: url(img_1_m@2x.png);
          font-size: 14px;
          margin-bottom: 12px; }
          .affairs .affairs-right .affairs-info .affairs-info-card img {
            display: none; }
      .affairs .affairs-right .affairs-right-top.row .col {
        flex-basis: auto;
        width: 100%;
        margin-bottom: 24px; }
      .affairs .affairs-right .affairs-right-bottom.row {
        margin-left: -5px;
        margin-right: -5px; }
        .affairs .affairs-right .affairs-right-bottom.row .col {
          width: 50%;
          min-width: 50%;
          padding-left: 5px;
          padding-right: 5px;
          max-width: 50%;
          margin-bottom: 12px; }
          .affairs .affairs-right .affairs-right-bottom.row .col:last-child > .affairs-right-item {
            padding-right: 29px; }
      .affairs .affairs-right .affairs-right-bottom .affairs-right-item {
        height: 60px;
        padding-left: 24px;
        font-size: 14px; }
        .affairs .affairs-right .affairs-right-bottom .affairs-right-item img {
          width: 30px;
          margin-right: 10px; }
  .policy {
    margin-top: 0;
    margin-bottom: -12px;
    padding-top: 24px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: -12px;
    margin-right: -12px; }
    .policy .breadcrumb {
      display: none; }
    .policy .policy-left {
      float: none;
      width: 100%; }
      .policy .policy-left .policy-left-top {
        padding: 0;
        background-color: transparent;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .policy .policy-left .policy-left-top .policy-left-item {
          width: 48.43%;
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          margin-bottom: 10px; }
    .policy .policy-right {
      float: none;
      width: 100%; }
      .policy .policy-right .policy-input {
        padding-bottom: 10px;
        background: #f7f7f7;
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 12px;
        padding-right: 12px;
        width: auto; }
        .policy .policy-right .policy-input input {
          font-size: 14px; }
        .policy .policy-right .policy-input .input-group-append img {
          width: 16px; }
      .policy .policy-right .affairs-right-title {
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 12px;
        padding-right: 12px;
        background: #f7f7f7;
        padding-bottom: 12px;
        margin-bottom: 0;
        font-size: 14px; }
        .policy .policy-right .affairs-right-title a {
          font-size: 14px !important; }
          .policy .policy-right .affairs-right-title a img {
            width: 16px;
            margin-left: 2px; }
      .policy .policy-right .policy-right-list .home-list-info {
        padding-top: 16px;
        padding-bottom: 16px; } }